<template>
    <view class="detailsList">
        <view class="detailsList_zhen">
            <view>鉴别为真</view>
            <view><image src="{{trueDate.avatar}}"></image></view>
            <view>来自集APP</view>
            <view>鉴别结果跟与用户提供信息得出</view>
            <view class="poabs">
                <image src="https://gatherabc.oss-cn-qingdao.aliyuncs.com/xcx/bad.png"></image>
                <image src="https://gatherabc.oss-cn-qingdao.aliyuncs.com/xcx/quality_goods.png"></image>
            </view>
        </view>
        <view class="detailsList_yonghu">
            <view class="page">
                <view class="page__bd">
                    <view>
                        <view class="weui-cell">
                            <view class="weui-cell__hd" style="position: relative;margin-right: 10px;">
                                <image src="{{trueDate.avatar}}" style="width: 50px; height: 50px; display: block;border-radius: 50%"/>
                            </view>
                            <view class="weui-cell__bd">
                                <view>{{trueDate.nickname}}</view>
                                <view style="font-size: 13px;color: #888888;">{{trueDate.note}}</view>
                            </view>
                        </view>

                    </view>
                </view>
            </view>
            <view class="detailsList_shuoming">
                <view>{{trueDate.content}}</view>
                <view><image src="{{trueDate.images}}"></image></view>
            </view>
        </view>
    </view>
</template>
<script>
    import wepy from 'wepy';
    import api from '@/api/api';
    import {
        USER_INFO, USER_SPECICAL_INFO
    } from '@/utils/constant';

    export default class detailsListTrue extends wepy.page {
        config = {  // 配置当前页面

            navigationBarTitleText: '鉴定详情'    // 头部标题
        };
        components = {};

        data = {
            id:'',
            trueDate:{}
        };

        async getDetailTrue() {
            let self = this;
            const json = await api.queryIdentifyId({},self.id);
            if (json.data.code == 0) {
                self.trueDate = json.data.data;
                // self.trueDate = {
                //     avatar: "string",
                //     brandName: "string",
                //     content: "string",
                //     createTime: "string",
                //     goodsName: "string",
                //     id: "string",
                //     images: "string",
                //     nickname: "string",
                //     note: "string",
                //     state: "string",
                //     userType: "string"
                // };
                self.$apply();
            }
        }

        onLoad(option){
            this.id = option.id;
            this.getDetailTrue();
        }

        methods = {  // 方法
            loginByWX(){
                wepy.navigateTo({
                    url: '/pages/common/addressAddPage'
                })
            }
        };
        events = {};
    }

</script>
<style lang="less">
    .detailsList {
        .detailsList_zhen{
            position: relative;
            background: #fff;
            >view:nth-child(1){
                padding-top: 20rpx;
                font-size: 60rpx;
                color: #2a2a2a;
            }
            >view:nth-child(2){
                padding-top: 80rpx;
            }
            >view:nth-child(3){
                color: #999;
            }
            >view:nth-child(4){
                color: #999;
                padding-top: 80rpx;
                padding-bottom: 80rpx;
            }
            view{
                text-align: center;
                image{
                    width: 100rpx;
                    height: 100rpx;
                }
            }
            .poabs{
                position: absolute;
                right: -10%;
                top: 10%;
                image{
                    width: 250rpx;
                    height: 250rpx;
                }
            }
        }
        .detailsList_yonghu{
            background: #fff;
            margin-top: 20rpx;
            .detailsList_shuoming{
                view:first-child{
                    padding: 20rpx;
                    color: #333;
                }
                view:last-child{
                    width: 100%;
                    image{
                        width: 100%;
                    }
                }
            }
        }
    }
</style>
